<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>注册页面</title>
		<link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css" />
		<script type="text/javascript" src='jquery.min.js'></script>
		<script type="text/javascript" src='bootstrap-3.3.5-dist/js/bootstrap.min.js'></script>
		<link rel="stylesheet" href="css/reg.css" />
		<script type="text/javascript" src='js/index.js'></script>
	</head>
	<body>
		<!--公共顶部-->
		<!--注册页顶部-->
		<div class="tp _w100">
			<div class="top _certain">
				<ul class="top_l">
					<li><a href="">时尚商城</a></li>
					<li class="ip">
						<a href=""><i class="glyphicon glyphicon-phone"></i>手机优购<span class="caret"></span></a>
						<div class="wx">
									<div class="dv1 fl"></div>
									<a href=""><div class="dv2 fl"></div></a>
									<a href=""><div class="dv3 fl"></div></a>
									<div class="la fl">安装优购客户端</div>
						</div>
					</li>
				</ul>
				<ul class="top_r">
					<!--<a class="link" href="">
						更多<span class="caret"></span>
					</a>&nbsp;&nbsp;-->
					<li class="fz">
							<a class="link" href="">
							更多<span class="caret">	
							<ul class="hz" style="z-index: 100;" >
								<li><a href="">收藏优购</a></li>
								<li>&nbsp;&nbsp;<a href="">帮助</a></li>
							</ul>
						</a>
					</li>
					<li class="cil">
							<a class="link fy" href="" style="z-index: 100;">
							公告<span class="caret"></span>
							<ul class="hiy" style="z-index: 10;" >
								<li><a href="">新年翻新样 运动￥89起</a></li>
								<li><a href=""> 精美舒适低跟靴 ￥99起 </a></li>
								<li><a href=""> 首尔卫衣特卖场 70%OFF </a></li>
								<li><a href=""> 优购首尔站 停发货详情 </a></li>
								<li><a href=""> 提醒会员谨防诈骗电话 </a></li>
							</ul>
							</a>
						</li>
					<a class="link" href="">
						我的订单						
					</a>&nbsp;&nbsp;
					<a class="link fx" href="">
							我的优购<span class="caret"></span>
							<div class="hid">&nbsp;&nbsp;我的收藏</div>
						</a>
					<a class="link" href="javascript:;">|</a>&nbsp;&nbsp;
					 <a class="link" href="">登录</a>
					 <a class="link" href="">注册  </a>&nbsp;	 					 																
				</ul>
				
			</div>
		</div>
		<!--新用户注册-->
		<div class="_w100">
			<div class="new_reg _certain">
				<li class="big fl">新用户注册</li>
				<div class="return fl">
					<a href="">返回时尚商城</a>
				</div>
			</div>
		</div>
		<div class="cut _w100"></div>
		<!--公共顶部结束-->
		<div class="_w100">
			<ul class="hd _certain">
				<li class="orange"><a href="javascript:;">邮箱注册</a></li>
				<li class="emp"><a href="javascript:;">手机号注册</a></li>
			</ul>
		</div>
		<!--点击切换邮箱和手机注册方式开始-->
		<script type="text/javascript">
			$(function(){
				$('.hd .emp').click(function(){
					$('.reg2').css({display:'block'});
					$('.hd .emp').css({background:'url(./images/reg.png) 0 0 no-repeat'});
					$('.hd .orange').css({background:'none'});
					$('.reg1').css('display','none');
				})
				$('.hd .orange').click(function(){
					$('.reg1').css({display:'block'});
					$('.hd .orange').css({background:'url(./images/reg.png) 0 0 no-repeat'});
					$('.hd .emp').css({background:'none'});
					$('.reg2').css('display','none');
				})
			})
		</script>
		<!--点击切换邮箱和手机注册方式结束-->
		
		<!--注册表单-->
		<!--邮箱注册-->
		<div class="_w100">
			<div class="for _certain" >
				<form class="form-horizontal reg1" >
					  <div class="form-group">
					    <label for="" class="col-sm-2 control-label">*Email</label>
					    <div class="col-sm-9">
					      <input type="email" class="form-control" id="inputEmail3" placeholder="Email">
					    </div>
					  </div>
					  <div class="form-group">
					    <label for="inputPassword3" class="col-sm-2 control-label">*密码</label>
					    <div class="col-sm-9">
					      <input type="password" class="form-control" id="inputPassword3" placeholder="Password" name="password">
					    </div>
					  </div>
					  <div class="form-group">
					    <label for="inputPassword3" class="col-sm-2 control-label">*确认密码</label>
					    <div class="col-sm-9">
					      <input type="password" class="form-control" id="inputPassword3" placeholder="Password" name="password">
					    </div>
					  </div>
					  <div class="form-group">
					    <label for="inputPassword3" class="col-sm-2 control-label">*验证码</label>
					    <div class="col-sm-4">
					      <input type="password" class="form-control" id="inputPassword3" placeholder="">
					    </div>
					  </div>
					  <div class="form-group">
					    <div class="col-sm-offset-2 col-sm-10">
					      <div class="checkbox">
					        <label>
					          <input type="checkbox"> 记住我 ，阅读并同意<a href="">《优购会员注册协议》</a>
					        </label>
					      </div>
					    </div>
					  </div>
					  <div class="form-group">
					    <div class="col-sm-offset-2 col-sm-10">
					      <button type="submit" class="btn btn-warning btn-sm">立即注册</button>
					    </div>
					  </div>
				</form>
				<!--手机注册-->
				<form class="form-horizontal reg2" >
					  <div class="form-group">
					    <label for="inputEmail3" class="col-sm-2 control-label">*手机号码</label>
					    <div class="col-sm-9">
					      <input type="text" class="form-control" id="inputEmail3" placeholder="请输入手机号">
					    </div>
					  </div>
					  <div class="form-group">
					    <label for="inputPassword3" class="col-sm-2 control-label">*密码</label>
					    <div class="col-sm-9">
					      <input type="password" class="form-control" id="inputPassword3" placeholder="Password">
					    </div>
					  </div>
					  <div class="form-group">
					    <label for="inputPassword3" class="col-sm-2 control-label">*确认密码</label>
					    <div class="col-sm-9">
					      <input type="password" class="form-control" id="inputPassword3" placeholder="Password">
					    </div>
					  </div>
					  <div class="form-group">
					    <label for="inputPassword3" class="col-sm-2 control-label">*验证码</label>
					    <div class="col-sm-4">
					      <input type="password" class="form-control" id="inputPassword3" placeholder="">
					    </div>
					  </div>
					  <div class="form-group">
					    <label for="inputPassword3" class="col-sm-2 control-label">*短信验证</label>
					    <div class="col-sm-4">
					      <input type="password" class="form-control" id="inputPassword3" placeholder="">
					    </div>
					  </div>
					  <div class="form-group">
					    <div class="col-sm-offset-2 col-sm-10">
					      <div class="checkbox">
					        <label>
					          <input type="checkbox"> 记住我 ，阅读并同意<a href="">《优购会员注册协议》</a>
					        </label>
					      </div>
					    </div>
					  </div>
					  <div class="form-group">
					    <div class="col-sm-offset-2 col-sm-10">
					      <button type="submit" class="btn btn-warning btn-sm">立即注册</button>
					    </div>
					  </div>
				</form>
			</div>
		</div>
		<!--底部区域-->
		<div class="_w100">
			<div class="bottom _certain">
				<div class="lef ">
					<p>已有优购账户直接登录</p>
					<div class="log">
						<a href=""><button class="btn btn-warning">登录优购</button></a>
					</div>
					<p>使用合作网站账号登录优购：<br/>
						<a href="">支付宝</a>
						<a href="">微信</a>
						<a href="">新浪微博</a>
						<a href="">QQ</a></p>
				</div>
				<p class="desc">
					Copyright © 2011-2014 Yougou Technology Co., Ltd. 粤ICP备09070608号-4 增值电信业务经营许可证：粤 B2-20090203
				</p>
			</div>
		</div>

		
	</body>
</html>
